<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="/images/logo.png" type="image/x-icon"/>
    <link rel="stylesheet" type="text/css" href="/css/font-awesome.min.css">
    <link rel="stylesheet" href="/css/inputEffect.css"/>

    <!--    <script src="http://code.jquery.com/jquery-1.12.1.min.js"></script>-->
    <script src="/js/snow.js"></script>
    <script src="/js/jquery.pure.tooltips.js"></script>
    <script src="/js/spop.min.js"></script>

    <title>管理员登录</title>
    <link rel="stylesheet" href="/css/bootstrap-login.min.css"/>
    <link rel="stylesheet" href="/css/signin.css"/>
    <!--    <head th:insert="~{import :: head}"></head>-->

    <!--    <style type="text/css">-->
    <!--        html {-->
    <!--            width: 100%;-->
    <!--            height: 100%;-->
    <!--        }-->

    <!--        body {-->
    <!--            background-repeat: no-repeat;-->
    <!--            background-position: center center #2D0F0F;-->
    <!--            background-color: #00BDDC;-->
    <!--            background-image: url(/images/sakura.jpg);-->
    <!--            background-size: 100% 100%;-->
    <!--        }-->

    <!--        .snow-container {-->
    <!--            position: fixed;-->
    <!--            top: 0;-->
    <!--            left: 0;-->
    <!--            width: 100%;-->
    <!--            height: 100%;-->
    <!--            pointer-events: none;-->
    <!--            z-index: 100001;-->
    <!--        }-->
    <!--    </style>-->

</head>
<body class="text-center">

<!--<div class="body-style"></div>-->
<form class="form-signin" th:action="@{/admin/login}">
    <!--    <img class="mb-4" th:src="@{/img/bootstrap-solid.svg}" alt="" width="72" height="72">-->

    <!--    <img th:href="@{/images/tvLoQ0.png}" size="40px">-->
    <!--    <div class="pad input-container">-->
    <!-- th:text="#{login.tip}" 国际化配置-->
    <h1 class="h3 mb-3 font-weight-normal" th:text="#{login.tip}"><b>Please
        sign in</b></h1>

    <!-- 如果msg不为空，才显示消息-->
    <p style="color: #ff0000" th:text="${msg}" th:if="${not #strings.isEmpty(msg)}"></p>
    <!--    <label class="sr-only" th:text="#{login.username}">Username</label>-->
    <input type="text" name="username" class="form-control" th:placeholder="#{login.username}" required=""
           autofocus="">
    <!--    <label class="sr-only" th:text="#{login.password}">Password</label>-->
    <input type="password" name="password" class="form-control" th:placeholder="#{login.password}" required="">
    <div class="checkbox mb-3">
        <label>
            <input type="checkbox" value="remember-me"> [[#{login.remember}]]
        </label>
    </div>
    <button class="btn btn-lg btn-block btn-primary" type="submit"> [[#{login.btn}]]</button>
    <p class="mt-5 mb-3">© 2017-2018</p>
    <a class="btn btn-sm" th:href="@{/adminLogin.html(l='zh_CN')}">中文</a>
    <a class="btn btn-sm" th:href="@{/adminLogin.html(l='en_US')}">English</a>
    <!--    </div>-->
</form>
</body>
</html>